<template>
	<view>
		<view class="spareBox" v-for="(item,index) in dataList" :key="index">
			<view class="itemTitle">
				<text>{{item.Name}}</text>
				<text class="weixu">仓库使用</text>
			</view>
			<view class="itemDate">型号： {{item.Model}}</view>
			<view class="itemPreson">单位/数量：{{item.Unit}}/{{item.Number}}</view>
			<view class="spseeMore">详情 ></view>
		</view> 
	</view>
</template>

<script>
	export default {
		name:"spareparts",
		data() {
			return {
				
			};
		},
		props:['dataList']
	}
</script>

<style lang="scss">
.spareBox{
	width: 96%;
	height: 176rpx;
	margin: 10rpx 2% 15rpx 2%;
	border-left: 3px solid rgb(254, 192, 61);
	border-radius: 0 5px 5px 0;
	padding: 0 3%;
	color: #999999;
	background-color: #fff;
	font-size: 23rpx;
	position: relative;
	padding-top: 10rpx;
}
.itemTitle{
	margin: 15rpx 0;
	display: flex;
	font-size: 30rpx;
	font-weight: 700;
	justify-content: space-between;
}
.weixu{
	font-size: 23rpx;
}
.itemPreson{
	margin: 15rpx 0;
}
.spseeMore{
	font-size: 25rpx;
	width: 80rpx;
	height: 40rpx;
	position: absolute;
	top: 50%;
	right: 3%;
}
</style>